/* = Grid core ------------------------------------------------------------ */

.c1, .c2, .c3, .c4, .c5, .c6, 
.g1, .g2, .g3, .g4, .g5, .g6,
.g7, .g8, .g9, .g10, .g11, .g12 {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
}

/* = Grid customization --------------------------------------------------- */

/* Set up a centered 960 pixels grid layout */
body {
  margin: 0 auto;
  padding: 5px;
  width: 960px;
}

/* 6 columns grid */
.c1  { width: 150px; }
.c2  { width: 310px; }
.c3  { width: 470px; }
.c4  { width: 630px; }
.c5  { width: 790px; }
.c6  { width: 950px; }

/* 12 columns grid */
/* 6 columns grid */
.g1  { width: 75px; }
.g2  { width: 150px; }
.g3  { width: 225px; }
.g4  { width: 300px; }
.g5  { width: 375px; }
.g6  { width: 450px; }
.g7  { width: 525px; }
.g8  { width: 600px; }
.g9  { width: 675px; }
.g10 { width: 750px; }
.g11 { width: 825px; }
.g12 { width: 900px; }
